function addLoadEvent(func){
    var oldonload=window.onload;
    if(typeof window.onload!='function'){
        window.onload=func;
    }else{
        window.onload=function(){
            oldonload();
            func();
        }
    }
}

function calander(){
    var sWeek = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
    var dNow = new Date();
    var CalendarData = new Array(100);
    var madd = new Array(12);
    var tgString = "甲乙丙丁戊己庚辛壬癸";
    var dzString = "子丑寅卯辰巳午未申酉戌亥";
    var numString = "一二三四五六七八九十";
    var monString = "正二三四五六七八九十冬腊";
    var sx = "鼠牛虎兔龙蛇马羊猴鸡狗猪";
    var cYear, cMonth, cDay, TheDate;
    CalendarData = [0xA4B, 0x5164B, 0x6A5, 0x6D4, 0x415B5, 0x2B6, 0x957, 0x2092F, 0x497, 0x60C96, 0xD4A, 0xEA5, 0x50DA9, 0x5AD, 0x2B6, 0x3126E, 0x92E, 0x7192D, 0xC95, 0xD4A, 0x61B4A, 0xB55, 0x56A, 0x4155B, 0x25D, 0x92D, 0x2192B, 0xA95, 0x71695, 0x6CA, 0xB55, 0x50AB5, 0x4DA, 0xA5B, 0x30A57, 0x52B, 0x8152A, 0xE95, 0x6AA, 0x615AA, 0xAB5, 0x4B6, 0x414AE, 0xA57, 0x526, 0x31D26, 0xD95, 0x70B55, 0x56A, 0x96D, 0x5095D, 0x4AD, 0xA4D, 0x41A4D, 0xD25, 0x81AA5, 0xB54, 0xB6A, 0x612DA, 0x95B, 0x49B, 0x41497, 0xA4B, 0xA164B, 0x6A5, 0x6D4, 0x615B4, 0xAB6, 0x957, 0x5092F, 0x497, 0x64B, 0x30D4A, 0xEA5, 0x80D65, 0x5AC, 0xAB6, 0x5126D, 0x92E, 0xC96, 0x41A95, 0xD4A, 0xDA5, 0x20B55, 0x56A, 0x7155B, 0x25D, 0x92D, 0x5192B, 0xA95, 0xB4A, 0x416AA, 0xAD5, 0x90AB5, 0x4BA, 0xA5B, 0x60A57, 0x52B, 0xA93, 0x40E95];
    madd[0] = 0;
    madd[1] = 31;
    madd[2] = 59;
    madd[3] = 90;
    madd[4] = 120;
    madd[5] = 151;
    madd[6] = 181;
    madd[7] = 212;
    madd[8] = 243;
    madd[9] = 273;
    madd[10] = 304;
    madd[11] = 334;

    function GetBit(m, n) {
        return (m >> n) & 1;
    }

    function e2c() {
        TheDate = (arguments.length != 3) ? new Date() : new Date(arguments[0], arguments[1], arguments[2]);
        var total, m, n, k;
        var isEnd = false;
        var tmp = TheDate.getFullYear();
        total = (tmp - 1921) * 365 + Math.floor((tmp - 1921) / 4) + madd[TheDate.getMonth()] + TheDate.getDate() - 38;
        if (TheDate.getYear() % 4 == 0 && TheDate.getMonth() > 1) {
            total++;
        }
        for (m = 0; ; m++) {
            k = (CalendarData[m] < 0xfff) ? 11 : 12;
            for (n = k; n >= 0; n--) {
                if (total <= 29 + GetBit(CalendarData[m], n)) {
                    isEnd = true;
                    break;
                }
                total = total - 29 - GetBit(CalendarData[m], n);
            }
            if (isEnd) break;
        }
        cYear = 1921 + m;
        cMonth = k - n + 1;
        cDay = total;
        if (k == 12) {
            if (cMonth == Math.floor(CalendarData[m] / 0x10000) + 1) {
                cMonth = 1 - cMonth;
            }
            if (cMonth > Math.floor(CalendarData[m] / 0x10000) + 1) {
                cMonth--;
            }
        }
    }

    /*戊戌狗年 腊月廿*/
    function GetcDateString() {
        var tmp = "";
        tmp += tgString.charAt((cYear - 4) % 10);
        tmp += dzString.charAt((cYear - 4) % 12);
        tmp += sx.charAt((cYear - 4) % 12);
        tmp += "年 农历";
        if (cMonth < 1) {
            tmp += "(闰)";
            tmp += monString.charAt(-cMonth - 1);
        } else {
            tmp += monString.charAt(cMonth - 1);
        }
        tmp += "月";
        tmp += (cDay < 11) ? "初" : ((cDay < 20) ? "十" : ((cDay < 30) ? "廿" : "三十"));
        if (cDay % 10 != 0 || cDay == 10) {
            tmp += numString.charAt((cDay - 1) % 10);
        }
        return tmp;
    }

    function GetLunarDay(solarYear, solarMonth, solarDay) {
        if (solarYear < 1921 || solarYear > 2020) {
            return "";
        } else {
            solarMonth = (parseInt(solarMonth) > 0) ? (solarMonth - 1) : 11;
            e2c(solarYear, solarMonth, solarDay);
            return GetcDateString();
        }
    }


    function getFullYear(d) { // 修正firefox下year错误
        yr = d.getYear();
        if (yr < 1000) yr += 1900;
        return yr;
    }

    /*写入页面*/
    function showDate() {
        var D = new Date();
        var yy = D.getFullYear();
        var mm = D.getMonth() + 1;
        var dd = D.getDate();
        var ww = D.getDay();
        var ss = parseInt(D.getTime() / 1000);
        var h = D.getHours();
        var m = D.getMinutes();
        var s = D.getSeconds();

        var sValue = getFullYear(dNow) + "年" + (dNow.getMonth() + 1) + "月" + dNow.getDate() + "日" + " " + sWeek[dNow.getDay()] + " ";
        sValue += shapetime(h, m, s);
        sValue += GetLunarDay(yy, mm, dd);
        document.getElementById("pDate").innerHTML = sValue;
        // setTimeout("showDate()", 500);

    }

    /*格式化时间*/
    function shapetime(h, m, s) {
        if (s <= 9) s = "0" + s;
        if (m <= 9) m = "0" + m;
        if (h <= 9) h = "0" + h;
        return h + ":" + m + ":" + s + " ";
    }
    showDate();
    setInterval(showDate,500);
}

function banner() {
    //实现轮播效果
    //保存当前焦点元素的索引
    var current_index = 0;
    //5000表示调用周期，以毫秒为单位，5000毫秒就是5秒
    var timer = window.setInterval(autoChange, 2000);
    //获取所有轮播按钮
    var button_li = document.getElementById("button").getElementsByTagName("li");
    //获取所有banner图
    var pic_section = document.getElementById("banner_pic").getElementsByTagName("section");
    //遍历元素
    for (var i = 0; i < button_li.length; i++) {
        //添加鼠标滑过事件
        button_li[i].onmouseover = function () {
            //定时器存在时清除定时器
            if (timer) {
                clearInterval(timer);
            }
            //遍历元素
            for (var j = 0; j < pic_section.length; j++) {
                //将当前索引对应的元素设为显示
                if (button_li[j] == this) {
                    current_index = j;  //从当前索引位置开始
                    button_li[j].className = "current";
                    pic_section[j].className = "current";
                } else {
                    //将所有元素改变样式
                    pic_section[j].className = "pic";
                    button_li[j].className = "but";
                }
            }
        }
        //鼠标移出事件
        button_li[i].onmouseout = function () {
            //启动定时器，恢复自动切换
            timer = setInterval(autoChange, 5000);
        }
    }

    function autoChange() {
        //自增索引
        ++current_index;
        //当索引自增达到上限时，索引归0
        if (current_index == button_li.length) {
            current_index = 0;
        }
        for (var i = 0; i < button_li.length; i++) {
            if (i == current_index) {
                button_li[i].className = "current";
                pic_section[i].className = "current";
            } else {
                button_li[i].className = "but";
                pic_section[i].className = "pic";
            }
        }
    }
}

function focus() {
    /*获得html中的元素*/
    var intro = document.getElementById("intro");
    var oSpan = intro.getElementsByTagName("span");
    var img1 = document.getElementById("img1");
    var img2 = document.getElementById("img2");
    var imgarr = ['images/1.jpg', 'images/2.png', 'images/3.jpg', 'images/4.jpg', 'images/5.jpg'];  //图片地址
    var timer1 = null;   //定时器
    var timer2 = null;
    var timer3 = null;

    /*初始化*/
    var a = 0; //img1盒子存放图片的数组的索引值
    var b = 1; //img2盒子存放图片的数组的索引值
    var n = 0;
    intro.style.top = "230px";
    // oSpan.innerHTML = '图片说明' + (n + 1);
    img1.src = imgarr[a];
    img2.src = imgarr[b];

    timer1 = setInterval(autoText, 3000);   /*设置定时器*/
    timer2 = setInterval(changeTop, 30);

    //把换图片，标签上移的特效都综合到一个函数里面;并且加上改变oSpan中的文字
    function autoText() {
        clearInterval(timer2);
        clearInterval(timer3);
        intro.style.top = "230px";
        timer2 = setInterval(changeTop, 30);
        timer3 = setInterval(autoImg, 30);
        n++;
        n %= imgarr.length;  //即 n=n%imgarr.length; n对数组长度取余，分别为0，1，2，3，4；然后n+1对应1，2，3，4，5；
        /* if(n>=imgarr.length)n=0;*/  //这个和上面取余效果相同
        // oSpan.innerHTML = '图片说明' + (n + 1);
        for (var i = 0; i < imgarr.length; i++) {
            //将当前索引对应的元素设为显示
            if (i == n) {
                oSpan[i].className = "show";
            } else {
                //将所有元素改变样式
                oSpan[i].className = "hide";
            }
        }
    }


    //图片自动滑动，并且修改图片地址
    function autoImg() {
        var left1 = parseInt(getstyle(img1, 'left')) - 10;  /*每执行一次该函数，图片就会向左移动10px*/
        var left2 = parseInt(getstyle(img2, 'left')) - 10;
        img1.style.left = left1 + 'px';
        img2.style.left = left2 + 'px';
        /*判断图片是否完全消失在可见区域*/
        if (left1 <= -300) {
            img1.style.left = '300px';  /*完全消失后，立即将img1盒子转到右边不可见，然后给它后面的图片地址显示*/
            a += 2;
            if (a >= imgarr.length) {
                a -= imgarr.length;
            }
            img1.src = imgarr[a];
            clearInterval(timer3);
        }
        if (left2 <= -300) {
            img2.style.left = "300px";
            b += 2;
            if (b >= imgarr.length) {
                b -= imgarr.length;
            }
            img2.src = imgarr[b];
            clearInterval(timer3);
        }

    }

    //底下灰色标签上移，并且完全出现时，关掉指向自己的定时器
    function changeTop() {
        var top = parseInt(getstyle(intro, 'top')) - 2;
        intro.style.top = top + 'px';
        if (top <= 210) clearInterval(timer2);
    }


    //获取元素的属性值；封装该函数，调用方便；
    function getstyle(obj, str) {
        return obj.currentStyle ? obj.currentStyle[str] : getComputedStyle(obj)[str];
    }
}

function tab(){
    var oUl1 = document.getElementById("ul1");
    var aLi = oUl1.getElementsByTagName("li");
    var oDiv = document.getElementById("tab-list");
    var aDiv = document.getElementsByClassName("tablist");
    for (var i = 0; i < aLi.length; i++) {
        aLi[i].index = i;
        aLi[i].onmouseover = function () {
            for (var j = 0; j < aDiv.length; j++) {
                aDiv[j].className = "tablist hide";
            }
            aDiv[this.index].className = "tablist show";
        }
    }
}

addLoadEvent(calander);
addLoadEvent(banner);
addLoadEvent(focus);
addLoadEvent(tab);